
Vue.component('titlebox',{
    template:`
    <div>
        <span  class="tu"><i :class="inco"></i></span>
        <h4>{{title}}</h4>
        <p>{{text}}</p>
    </div>
    `,
    props:['title','inco','text']
})
Vue.component('titlep',{
    template:`
    <p><i :class="inco"></i>{{text}}</p>
    `,
    props:['inco','text',]
})
Vue.component('titlehead', {
    template:`<div class="titlehead">
    <h5>{{title}}</h5>
    <p>{{text}}</p>
</div>`,
props:['title','text']
})
Vue.component('titlexinw',{
    template:`
    <div>
        <h4>{{title}}</h4>
        <p>{{time}} </p>
        <span>{{text}} </span>
        <div><span>{{hd}}</span></div>
    </div>
    `,
    props:['title','time','text','hd',]
})
Vue.component('titlelxxxb',{
    template:`
    <div>
        <span><img :src="inco" alt=""></span>
        <p>{{text}}</p>
        <p>{{con}}</p>
    </div>  
    `,
    props:['inco','text','con']
})

